<template>
  <div class="info">
    <div class="info-content">
      <div class="info-content-info">
        <div class="info-content-info-title">2019年5月湖北企业拿金额榜</div>
        <div class="info-content-info-form">
          <div class="info-content-info-form-1">
            <div class="info-content-info-form-boxc">排名</div>
            <div class="info-content-info-form-boxp">企业名称</div>
            <div class="info-content-info-form-boxp">拿地金额（亿元）</div>
            <div class="info-content-info-form-boxp">拿地宗数（宗）</div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">1</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">2</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">3</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">4</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">5</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">6</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">7</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">8</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">9</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">10</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">11</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">12</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">13</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">14</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">15</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>
          <div class="info-content-info-form-2">
            <div class="info-content-info-form-box1">16</div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
            <div class="info-content-info-form-box2"></div>
          </div>    
        </div>
      </div>
    </div>
  </div>
</template>

<script></script>

<style lang="stylus" scoped>
  .info
    width: 100%
    height: 800px
    margin-top: 60px
    .info-content
      width: 1920px
      height: 800px
      margin: 0 auto
      .info-content-info
        width: 1280px
        height: 800px
        margin: 0 auto
        .info-content-info-title
          width: 1280px
          height: 120px
          line-height: 120px
          font-size: 35px
          font-weight: bold
          text-align: center
        .info-content-info-form
          width: 1280px
          height: 680px
          .info-content-info-form-1
            width: 1280px
            height: 40px
            font-size: 24px
            line-height: 40px
            border: 1px solid #999
            text-align: center
            background: #eee
            .info-content-info-form-boxc
              width: 200px
              height: 40px
              float: left
            .info-content-info-form-boxp
              width: 360px
              height: 40px
              border-left: 1px solid #999
              margin-left: -1px
              float: left
          .info-content-info-form-2
            width: 1280px
            height: 40px
            line-height: 40px
            border-left: 1px solid #999
            border-right: 1px solid #999
            border-bottom: 1px solid #999
            text-align: center
            margin-top: -1px
            .info-content-info-form-box1
              width: 200px
              height: 40px
              font-size: 24px
              float: left
            .info-content-info-form-box2
              width: 360px
              height: 40px
              font-size: 20px
              line-height: 40px
              border-left: 1px solid #999
              text-align: center
              float: left
              margin-left: -1px
      
</style>
